<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      #t1{
        width: 150px;
        height: 150px;
      }
      #t2{
        width: 100px;
        height: 100px;
        background-color: red;
        border-radius: 50px;
        border: 5px solid red;
      }
      #t3{
        width: 100px;
        height: 100px;
        background-color: white;
        margin-top: -50px;
        display: block;
        border-radius: 100px;
        border: 5px solid;
      }
      #t4{
        width: 100px;
        height: 100px;
        background-color: white;
        margin-top: -83px;
        border: 5px solid white;
      }
      #t5{
        width: 100px;
        height: 100px;
        border-radius: 50px;
        margin-top: -200px;
        border: 6px solid;
      }
      #t6{
        width: 15px;
        height: 40px;
        background-color: white;
        margin-left: 43px;
        margin-top: -5px;
        border: 5px solid;
      }
      #t7{
        width: 15px;
        height: 6px;
        background-color: white;
        margin-left: 48px;
        margin-top: -51px;
      }
    </style>
</head>
<body>
<div id="t1">
  <div id="t2"></div>
  <div id="t3"></div>
  <div id="t4"></div>
  <div id="t5"></div>
  <div id="t6"></div>
  <div id="t7"></div>
</div>
</body>
</html>